  	<script src="<?=base_url()?>resources/tools/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
	<script type="text/javascript" src="<?=base_url()?>resources/tools/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>
	<link href="<?=base_url()?>resources/tools/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" >

<script>
$(document).ready(function(){
$('#datetimepicker').datetimepicker({
	language:'fr',
	daysOfWeekDisabled:[2,2],
	weekStart:2,
	autoclose:true,
	startDate:'+1d',
	startView:2,
	minView:2
	
});
});
</script>


    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-6 col-md-6  main  text-center">
         	<div class="logo">
         	<img src="<?=base_url()?>resources/frontpage/imgs/logo.png" width="150">
         	</div>
         	


         	<div class="intro">
         	
         		<div class="intro-text">
         		<div class="section-heading"><h3>Réservation</h3></div>
         			<div class="row">
         			<form action="<?=site_url()?>reservation" method="post" role="form">
         			<div class="col-lg-4">         				
         					<div class="form-group <?=form_error('name')?>">
         						<label>*Nom & Prénom:</label>
         						<input name="name" value="<?=set_value('name')?>" type="text" class="form-control input-sm">
         					</div>
         					<div class="form-group <?=form_error('telephone')?>">
         						<label>*Téléphone:</label>
         						<input name="telephone" value="<?=set_value('telephone')?>" type="text" class="form-control input-sm">
         					</div>
         					<div class="form-group <?=form_error('email')?>">
         						<label>*E-Mail:</label>
         						<input name="email" value="<?=set_value('email')?>" type="text" class="form-control input-sm">
         					</div>
         					<div class="form-group">
         						<label>*Nombre de couverts:</label>
         						<select name="num" class="form-control input-sm">
         							<?php for($i=1;$i<16;$i++){ ?>
         								<option value="<?=$i?>" <?=set_select('num',$i)?>><?=$i?></option>
         							<?php }?>
         								<option value="plus de 15" <?=set_select('num','plus de 15')?>>plus de 15 Pers.</option>
         						</select>       						
         					</div>
         					</div>
         					<div class="col-lg-4"> 
         					<div class="form-group date <?=form_error('date')?>" >
         						<label>*Date de la réservation:</label>
         						<input name="date" value="<?=set_value('date')?>" type="text" class="form-control input-sm" id="datetimepicker" data-date="<?=date('d-M-Y',strtotime('+1 day'))?>" data-date-format="dd-M-yyyy" >
         					</div>
         					<div class="form-group">
         						<label>*Heure de la réservation:</label>
         						<select name="time" class="form-control input-sm">
         							<optgroup label="Midi">
         								<option value="11h45-12h00" <?=set_select('time','11h45-12h00')?>>11h45-12h00</option>
         								<option value="12h00-12h15" <?=set_select('time','12h00-12h15')?>>12h00-12h15</option>
         								<option value="12h15-12h30" <?=set_select('time','12h15-12h30')?>>12h15-12h30</option>
         								<option value="12h30-12h45" <?=set_select('time','12h30-12h45')?>>12h30-12h45</option>
         								<option value="12h45-13h00" <?=set_select('time','12h45-13h00')?>>12h45-13h00</option>
         								<option value="13h00-13h15" <?=set_select('time','13h00-13h15')?>>13h00-13h15</option>
         								<option value="13h15-13h30" <?=set_select('time','13h15-13h30')?>>13h15-13h30</option>
         								<option value="13h30-13h45" <?=set_select('time','13h30-13h45')?>>13h30-13h45</option>
         								<option value="13h45-14h00" <?=set_select('time','13h45-14h00')?>>13h45-14h00</option>
         								<option value="14h00-14h15" <?=set_select('time','14h00-14h15')?>>14h00-14h15</option>
         								<option value="14h15-14h30" <?=set_select('time','14h15-14h30')?>>14h15-14h30</option>
         							</optgroup>
         							<optgroup label="Soir">
         							<option value="18h00-18h15" <?=set_select('time','18h00-18h15')?>>18h00-18h15</option>
         							<option value="18h15-18h30" <?=set_select('time','18h15-18h30')?>>18h15-18h30</option>
         							<option value="18h30-18h45" <?=set_select('time','18h30-18h45')?>>18h30-18h45</option>
         							<option value="18h45-19h00" <?=set_select('time','18h45-19h00')?>>18h45-19h00</option>
         							<option value="19h00-19h15" <?=set_select('time','19h00-19h15')?>>19h00-19h15</option>
         							<option value="19h15-19h30" <?=set_select('time','19h15-19h30')?>>19h15-19h30</option>
         							<option value="19h30-19h45" <?=set_select('time','19h30-19h45')?>>19h30-19h45</option>
         							<option value="19h45-20h00" <?=set_select('time','19h45-20h00')?>>19h45-20h00</option>
         							<option value="20h00-20h15" <?=set_select('time','20h00-20h15')?>>20h00-20h15</option>
         							<option value="20h15-20h30" <?=set_select('time','20h15-20h30')?>>20h15-20h30</option>
         							<option value="20h30-20h45" <?=set_select('time','20h30-20h45')?>>20h30-20h45</option>
         							<option value="20h45-21h00" <?=set_select('time','20h45-21h00')?>>20h45-21h00</option>
         							<option value="21h00-21h15" <?=set_select('time','21h00-21h15')?>>21h00-21h15</option>
         							<option value="21h15-21h30" <?=set_select('time','21h15-21h30')?>>21h15-21h30</option>
         							<option value="21h30-21h45" <?=set_select('time','21h30-21h45')?>>21h30-21h45</option>
         							<option value="21h45-22h00" <?=set_select('time','21h45-22h00')?>>21h45-22h00</option>
         							<option value="22h00-22h15" <?=set_select('time','22h00-22h15')?>>22h00-22h15</option>
         							<option value="22h15-22h30" <?=set_select('time','22h15-22h30')?>>22h15-22h30</option>
         							
         							</optgroup>
         								
         						</select>       						
         					</div>
         					<div class="form-group">
         						<label>Message</label>
         						<textarea rows="3" cols="5" class="form-control" name="msg"></textarea>
         					</div>
         					<hr>
         					<div class="form-group">
         					<input type="submit" value="Envoyer" class="btn btn-default btn-sm pull-right">         
         					</div>
         					<div class="clearfix"></div>				       				
         			</div>
         			</form>  
         			<div class="col-lg-4">
         				<p>
         				<b>Important:</b><br>
         				La réservation doit être envoyé au minimum <br><b>24 heures à l'avance</b>.</p>
         				<p>Celle-ci sera validée <b>uniquement</b> après une confirmation par téléphone du restaurant.</p>
         				<p>Si vous désirez annuler votre réservation ou si vous n'avez pas reçu de confirmation endéans les 24h, veuillez contacter le restaurant au numéro <b>064 66 38 88</b>
         				</p>
         			
         			
         			</div>
         		</div>
				<div class="clearfix"></div>
         		</div>
         		<div class="intro-text visible-xs">
         			&copy; <?php if(date('Y') >2014 ){?>2014 - <?=date('Y')?><?php }else{?>2014<?php }?> Palais Banquet | <a href="http://www.betalife.be" target="_blank">beta life</a> web design 09/2014
         		</div>
        </div>
	</div>